<%#
    # NavItems  : 导航元素组对象
    #   *.imgNavItems   : 图像类导航元素
    #   *.addNavItems   : 附加类导航元素
    #   *.labelNavItems : 标签类导航元素
    #       *.num   : 数量数据
    #       *.link  : 导航链接
    #       *.text  : 导航标题
    #       *.fontClass  : 导航字体图像类
#%>
<div class="subNavBox row text-center">
    <div class="col-2">
        <ul class="imgNavItemsBox">
            <!--    图像导航    -->
            <% NavItems.imgNavItems.forEach(function(item) { %>
                <li>
                    <a href="<%= item.link %>">
                        <b class="fa <%= item.fontClass %>" aria-hidden="true"></b>
                        <p><%= item.text %></p>
                    </a>
                </li>
            <% }) %>
        </ul>
    </div>

    <div class="col-xl-8 col-7">
        <ul class="labelNavItemBox">
            <!--    标签导航    -->
            <% for(let item = 0; item < 9; item++) { %>
                <li>
                    <a href="<%= NavItems.labelNavItems[item].link %>">
                        <i class="fa <%= NavItems.labelNavItems[item].fontClass %>"></i>
                        <span><%= NavItems.labelNavItems[item].text %></span>
                        <small><%= NavItems.labelNavItems[item].num %></small>
                    </a>
                </li>
            <% } %>

            <li>
                <a href="<%= NavItems.labelNavItems[NavItems.labelNavItems.length - 1].link %>>">
                    <i class="fa <%= NavItems.labelNavItems[NavItems.labelNavItems.length - 1].fontClass %>"></i>
                    <span><%= NavItems.labelNavItems[NavItems.labelNavItems.length - 1].text %></span>
                    <small><%= NavItems.labelNavItems[NavItems.labelNavItems.length - 1].num %></small>
                </a>
            </li>
        </ul>
    </div>

    <div class="col-xl-2 col-3">
        <ul class="addNavItemsBox">
            <!--    附加导航    -->
            <% NavItems.addNavItems.forEach(function(item) { %>
                <li>
                    <a href="<%= item.link %>">
                        <i class="fa <%= item.fontClass %>" aria-hidden="true"></i>
                        <p><%= item.text %></p>
                    </a>
                </li>
            <% }) %>
        </ul>
    </div>
</div>